<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
	<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="js/vue.js"></script>
	<style type="text/css">
	body,html{
		width:100%;
		height:100%;
		background:#ccc;
		margin:0;
		padding:0;
	}
	section{
		width:100%;
		height:100%;
	}
	.sec1{
		position:relative;
		overflow:hidden
	}
	.sec1 img{
		width:100%;
		height:100%
	}
	</style>
</head>
<body>
<script type="text/javascript">
var vm = new Vue({
data: { a: 1 },
computed: {
  // 仅读取，值只须为函数
  aDouble: function () {
    return this.a * 2
  },
  // 读取和设置
  aPlus: {
    get: function () {
      return this.a + 1
    },
    set: function (v) {
      this.a = v - 1
    }
  }
}
})
  
//console.log(vm.aPlus);// -> 2
//console.log(vm.aPlus = 3); //3 设置的时候只能用等号
//console.log(vm.a);// -> 2
//console.log(vm.aDouble );// -> 4
	$(function(){
		/*var h = document.documentElement.clientHeight;
		$(".main").height(h);*/
	});
</script>
	<!--<section class="sec1"><img src="images/bg.png" alt="" /></section>
	<section class="sec1"><img src="images/bg.png" alt="" /></section>
	 <section class="sec2">
		
	</section>
	<section class="sec3">
		
	</section>
	<section class="sec4">
		
	</section> -->

</body>
</html>